<!DOCTYPE html>
<html>
	<head>
		<!-- 设置浏览器不缓存 -->
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">
		<!-- Content-Type -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- Favicon -->
		<link rel="shortcut icon" href="./images/logo.png">
		<title>企业服务共享中心-审批</title>
		<!--stylesheets-->
		<link rel="stylesheet" href="./plugins/vant/index.css">
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/vant/vant.min.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
		<!-- 自定义样式表 -->
		<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">

	</head>
	<style type="text/css">
		.vant-section-scroll {
			padding-bottom: 70px;
			padding-top: 0px;
		}

		.vant-section {
			overflow: scroll;
			-webkit-overflow-scrolling: touch;
			height: 100%;
		}
		.actclass {
					background-color: #10AEFF;
		}
		.act {
					background-color: #ee0a24;
		}
		.delet{
			background-color: #8C939D; 
		}
	</style>
	<body>
		<div id="app">
			<template>
				<section class="vant-section">
						<van-nav-bar title="审批列表">
							<span slot="left" @click="back()">
								<van-icon name="arrow-left"/>
							</span>
							<span slot="right" >
								<van-icon name="ellipsis" />
							</span>
						</van-nav-bar>
					<div class="vant-section-scroll">

						<van-tabs :active="active" @click="selectStatus" >
							  <van-tab :title="tabname" :name="tabname" v-for="tabname in tabs">
									<van-collapse v-model="activeNames" v-for = "group,index in rows">
									  <van-collapse-item :title="group.name" :name="group.name">
											<div v-for = "subgup in group.data">
												<div v-for = "item in subgup.data">
													<van-cell-group v-if ="item.type == 'text'">
														<span>
														<van-cell :title="item.name" />
														{{item.value}}
														</span>
													</van-cell-group>
													<van-cell-group v-if ="item.type == 'image'">
														<span>
														<van-cell title="附件" is-link />
															<a :href="item.value">{{item.name}}</a>
														</span>
													</van-cell-group>
													<van-button :type="item.color" block v-if ="item.type == 'button'" @click="submit(subgup.form,item.value)">{{item.name}}</van-button>
													<van-divider v-if ="item.type == 'divider'" :style="{ color: 'red', borderColor: '#1989fa', padding: '0 16px' }" ></van-divider>
												</div>
											</div>
									  </van-collapse-item>
									</van-collapse>
							  </van-tab>
						</van-tabs>
					</div>
				</section>
			</template>
		</div>
	</body>
	<script src="./js/ph_approval.js"></script>
</html>
